'use client'

import { useToast } from '@/components/ui/use-toast'
import { Button } from '@/components/ui/button'

export default function TestToastHook() {
  const toast = useToast()

  const handleClick = () => {
    toast({
      title: '测试成功',
      description: 'useToast钩子正常工作',
      status: 'success',
    })
  }

  return (
    <div className="p-4">
      <h1 className="text-2xl font-bold mb-4">测试useToast钩子</h1>
      <Button onClick={handleClick}>显示通知</Button>
    </div>
  )
}